Applying Styles To Your HTML Documents

Introduction

There are several options you can use when applying Style Sheets from within the "Apply Style Sheet" dialog. These are linking your HTML documents to an external style sheet, defining the style definitions at the top of your document or finally inserting a style definition into a tag directly. For more details regarding these different style definitions, see "Style Sheets, Further Discussion".

Linking HTML Documents To A Style Sheet.

If your style sheet declarations are stored in an external file, then by linking your HTML documents to this file, your webpages will be automatically formatted in the styles you have created.

1. In the View menu, select Resource Manager.

2. In the Resource Manager submenu, select Cascading Style Sheets.

3. The Cascading Style Sheets resource panel will then appear. In this panel locate and select the style sheet you wish to use.

4. Right-click and select Apply Style to Document(s)..

5. The Apply Style Sheet dialog will now appear. Choose one of the followin options:

•  Link Document(s)/Website to selected Style Sheet

Choosing this option allows you to link the selected style sheet to your HTML documents. Your webpages will then be automatically formatted in the specified styles.

•  Insert Style Contents into Document

Choosing this option inserts the style definitions of the selected style sheet at the top of your document. The specified webpages will then be formatted in the selected styles. Unlike linked style sheets, a document wide style definition resides within the document that it affects.

6. Use the drop down list to choose the HTML documents that you want link to the style sheet:

• Currently Selected HTML Document.

By choosing this option, your style sheet will be linked to or inserted into the currently opened and selected HTML document.

• All Opened HTML Documents.

By choosing this option, your style sheet will be linked to or inserted into all currently opened HTML documents.

• All Documents In A Website.

This option is only available if you chose to link your style sheet in step 5 above. By choosing this option, you will be prompted to select a the website that you want linked to the style sheet. (NOTE: Make sure you have the website you want to modify open in HotDog.)

• All Documents In A Directory.

This option is only available if you chose to link your style sheet in step 5 above. If you selecting this option you will be prompted to enter a directory on your computer containing the HTML documents you want linked to the style sheet.

 

NOTE

All sub-directories will be parsed for documents as well as the directory you select. Be careful not to select a directory containing a HotDog website. If you want to add or remove style sheets to a website, use the website resource panel.

Exporting Document Wide Styles.

Any styles declarations will be inserted in the top of your document. This type of style declaration is not commonly used. For more details "Further Discussions on Style Sheets".

Exporting Inline Styles.

This option allows you to insert the currently selected style definition into your document. Where the style definition is inserted is defined by the selection you make from the drop down list:

SPAN Tag

The style definition will be exported into your currently opened document as a SPAN tag. The style will be wrapped around your cursor and/or any selected text.

DIV Tag

The style definition will be exported into your currently opened document as a DIV tag. The style will be wrapped around your cursor and/or any selected text.